<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/layuis/css/layui.css}">
</head>
<body>

<div th:replace="~{common/header::header(activeUrl='index.html')}"></div>

<main role="main">
    <div class="jumbotron" style="background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc inset;">
        <div class="container">
            <div class="layui-carousel" id="slideshow">
                <div carousel-item>
                    <div><img src="/images/donate/1.png" width="1512px" height="324px"/></div>
                    <div><img src="/images/donate/2.jpg" width="1512" height="324"/></div>
                    <div><img src="/images/donate/3.jpg" width="1512" height="324"/></div>
                    <div><img src="/images/donate/4.jpg" width="1512" height="324"/></div>
                </div>
            </div>
            <br>
            <!-- 数据表格开始 -->
            <table class="layui-hide" id="test" lay-filter="test"></table>
            <!-- 数据表格结束 -->
            <!--<a target="_blank" href="" class="btn btn-primary btn-lg" role="button">了解更多 »</a>-->
        </div>
    </div>

    <div class="container">

        <div class="row">
            <div class="col-md-4">
                <h2>关于自己</h2>
                <p> 你看看我，我在看看你，爸爸的爱就是这么存粹！</p>
                <p><a th:href="@{/about}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>公告</h2>
                <p> 也没什么用，就是想做个！ </p>
                <p><a th:href="@{/sayWeb}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>👉</h2>
                <p> 你在看我，我在看你，索隆三🔪带走你！</p>
                <p><a target="_blank" href="http://www.xshiwu.top" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
        </div>

        <hr>

    </div>
</main>

<div th:replace="~{common/footer::footer}"></div>

<a class="to-top">返回顶部</a>
<script th:src="@{/js/jquerys.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>

</body>
<script src="/layuis/layui.js"></script>
<script>
    /* carousel */
    layui.use(['carousel', 'table'], function(){
        var table = layui.table;
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#slideshow'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            // ,anim: 'updown' //切换动画方式
        });
        table.render({
            elem: '#test'
            , url: '/hello2'
            // , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            , title: '客户信息表'
            , loading: true
            , height: 'full-300'
            ,page: true
            , cols:
            [
                [
                    // {field: 'wid', title: 'ID' , width: 100},
                    {field: 'name', title: '公司名称', width: 100},
                    {field: 'address', title: '公司地址', width: 100},
                    {field: 'rcl', title: '注册资金(万元)', width: 100},
                    {field: 'ql', title: '资质等级', width: 100},
                    {field: 'cp', title: '联系人', width: 100},
                    {field: 'ct', title: '联系电话', width: 100},
                    {field: 'email', title: '邮箱', width: 100},
                    {field: 'mc', title: '主要案例', width: 100},
                    {field: 'ic', title: '项目类别', width: 100},
                    {field: 'asa', title: '优势服务区域', width: 100},
                    {field: 'content', title: '操作', width: 100, align: 'center', toolbar: '#barDemo', style: 'display: none'}
                ]
            ],
            done: function () {
                $("[data-field='content']").css('display','none');
            }
        });
    });
</script>
</html>